<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="styles/style.css" />
<link id="titleicon" rel="shortcut icon" />
<link rel="icon" href="styles/images/icon.png" />
<title>Online Course Portal</title>
<script type="text/javascript">
function setSize()
{
var elem=document.getElementById("content");

width=window.innerWidth-253;
height=window.innerHeight-160;
elem.style.width=width+"px";
document.getElementById("content_main").style.height=height+"px";
document.getElementById("content_main").style.width=width+"px";
}

</script>
<script src="common/validationscript.js" type="text/javascript"></script>
</head>

<body onload="setSize()" onresize="setSize()">
<div id="container">
		<div id="header">
        	<h1>Online Cou<span class="off">rse Portal</span></h1>
            <h2>Study <span class="off">Online</span></h2>
        </div>   
        
        <div id="menu">
        	<ul>
            	<li class="menuitem"><a href="common/home.html" target="content_frame">Home</a></li>
                <li class="menuitem"><a href="common/courses.jsp" target="content_frame">Courses</a></li>
                <li class="menuitem"><a href="common/benifits.html" target="content_frame">Benifits</a></li>
                <li class="menuitem"><a href="common/certification.html" target="content_frame">Certification</a></li>
                <li class="menuitem"><a href="common/registration.html" target="content_frame">Register</a></li>
                <li class="menuitem"><a href="common/sitenews.jsp" target="content_frame">what's new</a></li>
                <li class="menuitem"><a href="common/aboutus.html" target="content_frame">About us</a></li>
            </ul>
        </div>
        <br /><br /><br />
		<div>
        <div id="leftmenu" align="left">

        <div id="leftmenu_top"></div>

				<div id="leftmenu_login">    
                
   				<form action="loginservlet" id="lform" method="post" onsubmit="return validate()">
					<table id="loginform" border="0" cellpadding="1" >
							<tr> <td > <h1 style="color:#ADDBE6"> Login </h1></td></tr>
							<tr>	
									<td><input type="text" id="userid" name="userid" value="username"  onclick="if(this.value=='username')value=''" onblur="if(this.value=='')this.value='username'" /></td>
							</tr>
							<tr>
									<td><input type="password" id="password" name="password" value="password" onclick="if(this.value==='password')value=''" onblur="if(this.value=='')this.value='password'" /></td>
							</tr>
							<tr>
									<td><input type="checkbox" name="remember me" /><span style="color:#ADDBE6">remember me</span></td>
							</tr>
							<tr> 
									<td><input type="submit" name="login" value="login" style="cursor: pointer"  /></td>
							</tr>
							<tr>
									<td  style="color:#ADDBE6;"><a class="login_extras" href="" style=" text-decoration: none;color: whitesmoke">forgot password</a></td>
							</tr>
							<tr>
									<td  style="color:#ADDBE6">New User? <a class="login_extras" href="common/registration.html" target="content_frame" style=" text-decoration: none;color: whitesmoke">Register</a></td>
							</tr>
                                                        <tr>
                                                            <td id="loginerror" style="color: #ffff00;font-size: 20px;text-decoration: blink" ></td>
							</tr>
					</table>        
				</form>
		</div>
                
                
              <div id="leftmenu_bottom"></div>
        </div>
        
        
        
        
		<div id="content" align="right" >
        
        
        <div id="content_top"></div>
		
        <iframe id="content_main" src="common/home.html" name="content_frame" allowFullScreen ></iframe>
        
         
        <div id="content_bottom"></div>
		<div id="footer" style="display: block; position: related;align:left;"><h3><a href="#">MIPGS</a> | <a href="#">matrusri engg. college</a> | <a href="#">mvsr college</a> | <a href="#">privacy</a></h3></div>           								
      </div><br />
	 
                </div></div>
</body>
</html>
